<template>
  <div class="layout-container"></div>
    <div class="left-sidebar"></div>
    <div class="main-content">
      <div class="header"></div> 
      <div class="content"></div> 
    <div class="right-box"></div> 
  </div>
</template>

<script>
export default {
  name: 'Layout'
}
</script>
@@ -28,7 +31,14 @@ export default {
        --banner-hight: 92px;
        .banner-box{
            height: var(--banner-hight);
            background-color: green;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgb(194, 201, 194);
            .router-link{
                margin-right: 15px;
                color: #0d35e4;
            }
        }
        .bottom-box{
            background-color: bisque;
@@ -53,7 +63,6 @@ export default {
                        left: 0;
                        bottom: 0;
                        right: 0;
                        background: red;
                        overflow: auto;
                    }
                }
